<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易云</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/main-common.css">
</head>
<body>
    <!-- 头部 -->
    <div id="g-topbar">
        <div class="m-top">
            <div class="wrap">
                <h1 class="logo">
                </h1>
                <ul class="m-nav">
                    <li class="first">
                        <span>
                            <a href="javascript:;" >
                                <em>发现音乐</em>
                                <span class="cor">&nbsp;</span>
                            </a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="javascript:;">
                                <em>我的音乐</em>
                            </a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="javascript:;">
                                <em>朋友</em>
                            </a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="javascript:;">
                                <em>商城</em>
                            </a>
                        </span>
                    </li>
                    <li>
                        <span>
                            <a href="javascript:;">
                                <em>音乐人</em>
                            </a>
                        </span>
                    </li>
                    <li class="last">
                        <span>
                            <a href="javascript:;">
                                <em>下载客户端</em>
                            </a>
                        </span>
                        <sup class="hot">&nbsp;</sup>
                    </li>
                </ul >
                <div class="m-tophead">
                    <a hidefocus="true" href="javascript:;" class="link">登录</a>
                </div>
                <a hidefocus="true" href="javascript:;" class="m-create-center">创作者中心</a>
                <div class="m-search">
                    <div class="searchbg">
                        <span class="parent">
                            <input type="text" class="txt" placeholder="音乐/视频/电台/用户">
                            <!-- <label class="ph" @click="change" v-if="show1">{{message}}</label> -->
                        </span>
                    </div>                  
                </div>
            </div>            
        </div>
        
        <div class="m-subtop">
            <div class="ms-set">
                <div class="navitems">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <em>推荐</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <em>排行榜</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <em>歌单
                                <span class="f-icon">&nbsp;</span>
                            </em>
                            
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <em>主播电台</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <em>歌手</em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <em>新碟上架</em>
                        </a>
                    </li>
                </ul>
            </div>
            </div>
            
        </div>        
    </div>
    <!-- 主页模块 -->
    <div class="w">
        <div class="subw">
            <a class="arrow-l arrow ft-u" hidefocus="true" href="javascript:;" ></a>
            <a class="arrow-r arrow ft-u" hidefocus="true" href="javascript:;" ></a>
            <div class="l-pr">
                <img class="imgs" src="./images/pr-1.jpg" alt="pr1" >
            </div>
            <div class="r-download">
                <!-- <img class="download-p" src="./images/download.png" alt="download"> -->
                <a class="download-p" href="javascript:;"></a>
                <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>               
            </div>
            <div class="dots">
                <a class="a-red" hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
                <a hidefocus="true" href="javascript:;" ></a>
            </div>
        </div>   
    </div>
    <!-- 主体模块 -->
    <div class="main">
        <div class="main-l">
            <div class="m-l-top">
                <div class="top-nav">
                    <span class="top-nav-logo"></span>
                    <a class="top-nav-l" href="javascript:;">热门推荐</a> 
                    <div class="top-nav-m">
                        <a class="ft-u" hidefocus="true" href="javascript:;" >话语</a>
                        <span>|</span>
                        <a class="ft-u" hidefocus="true" href="javascript:;" >流行</a>
                        <span>|</span>
                        <a class="ft-u" hidefocus="true" href="javascript:;" >摇滚</a>
                        <span>|</span>
                        <a class="ft-u" hidefocus="true" href="javascript:;" >民谣</a>
                        <span>|</span>
                        <a class="ft-u" hidefocus="true" href="javascript:;" >电子</a>
                    </div>
                    <div class="top-nav-r ft-u">
                        <a hidefocus="true" href="javascript:;" >更多</a>
                        <i class="more-logo">&nbsp;</i>
                    </div>
                </div>
                <div class="top-main">
                    <ul class="top-main-news">
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                        <li>
                            <div class="news-a">
                                <img src="./images/news-a.jpg" alt="news">
                                <div class="img-buttom">
                                    <span class="img-buttom-l"></span>
                                    <span class="img-buttom-m">618万</span>
                                    <a class="img-buttom-r" hidefous="true" href="javascript:;"></a>
                                </div>
                            </div>
                            <p>
                                <a class="ft-u" hidefocus="true" href="javascript:;" >按自己的方式，过自己的生活</a>
                            </p>
                        </li>
                    </ul>              
                </div>
            </div>
            <div class="m-l-middle">
                <div class="top-nav">
                    <span class="top-nav-logo"></span>
                    <a class="top-nav-l" href="javascript:;">新碟上架</a> 
                    <div class="top-nav-r">
                        <a hidefocus="true" href="javascript:;" >更多</a>
                        <i class="more-logo">&nbsp;</i>
                    </div>
                </div>
                <div class="middle-main">
                    <div class="m-inner">                    
                        <a class="click-flag-l" hidefocus="true" href="javascript:;" >&nbsp;</a>
                        <div class="roll-imgs">
                            <ul>
                                <li>
                                    <div class="cover-record">
                                        <img src="./images/record_1.jpg" alt="img">
                                        <a class="record" hidefocus="true" href="javascript:;" ></a>
                                        <a class="play-record" hidefocus="true" href="javascript:;" ></a>
                                    </div>
                                    <p class="song-title">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >TWILIGHT</a>
                                    </p>
                                    <p class="songer">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >RADWIMPS</a>
                                    </p>
                                </li>                               
                                <li>
                                    <div class="cover-record">
                                        <img src="./images/record_1.jpg" alt="img">
                                        <a class="record" hidefocus="true" href="javascript:;" ></a>
                                        <a class="play-record" hidefocus="true" href="javascript:;" ></a>
                                    </div>
                                    <p class="song-title">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >TWILIGHT</a>
                                    </p>
                                    <p class="songer">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >RADWIMPS</a>
                                    </p>
                                </li>                               
                                <li>
                                    <div class="cover-record">
                                        <img src="./images/record_1.jpg" alt="img">
                                        <a class="record" hidefocus="true" href="javascript:;" ></a>
                                        <a class="play-record" hidefocus="true" href="javascript:;" ></a>
                                    </div>
                                    <p class="song-title">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >TWILIGHT</a>
                                    </p>
                                    <p class="songer">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >RADWIMPS</a>
                                    </p>
                                </li>                               
                                <li>
                                    <div class="cover-record">
                                        <img src="./images/record_1.jpg" alt="img">
                                        <a class="record" hidefocus="true" href="javascript:;" ></a>
                                        <a class="play-record" hidefocus="true" href="javascript:;" ></a>
                                    </div>
                                    <p class="song-title">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >TWILIGHT</a>
                                    </p>
                                    <p class="songer">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >RADWIMPS</a>
                                    </p>
                                </li>                               
                                <li>
                                    <div class="cover-record">
                                        <img src="./images/record_1.jpg" alt="img">
                                        <a class="record" hidefocus="true" href="javascript:;" ></a>
                                        <a class="play-record" hidefocus="true" href="javascript:;" ></a>
                                    </div>
                                    <p class="song-title">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >TWILIGHT</a>
                                    </p>
                                    <p class="songer">
                                        <a class="ft-u" hidefocus="true" href="javascript:;" >RADWIMPS</a>
                                    </p>
                                </li>                               
                                                                                          
                            </ul>
                        </div>
                        <a class="click-flag-r" hidefocus="true" href="javascript:;" >&nbsp;</a>
                    </div>
                </div>
            </div>
            <div class="m-l-bottom">
                <div class="top-nav">
                    <span class="top-nav-logo"></span>
                    <a class="top-nav-l" href="javascript:;">榜单</a> 
                    <div class="top-nav-r">
                        <a hidefocus="true" href="javascript:;" >更多</a>
                        <i class="more-logo">&nbsp;</i>
                    </div>
                </div>
                <div class="b-content">
                    <div class="bc">
                        <div class="bc-top">
                            <img src="./images/notice.jpg" alt="原创榜">
                            <div class="t-title">
                                <h3>飙升榜</h3>
                                <a class="tt-play" title="播放" hidefocus="true" href="javascript:;" ></a>
                                <a class="tt-collect" title="收藏" hidefocus="true" href="javascript:;" ></a>
                            </div>
                        </div>
                        <dd>
                            <ol>
                                <li>
                                    <span class="no no-top">1</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no no-top">2</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no no-top">3</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">4</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">5</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">6</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">7</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">8</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">9</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">10</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                            </ol>
                            <div class="b-more">
                                <a class="click-flag-r" hidefocus="true" href="javascript:;" >查看全部></a>
                            </div>
                        </dd>
                    </div>
                    <div class="bc">
                        <div class="bc-top">
                            <img src="./images/notice.jpg" alt="原创榜">
                            <div class="t-title">
                                <h3>飙升榜</h3>
                                <a class="tt-play" title="播放" hidefocus="true" href="javascript:;" ></a>
                                <a class="tt-collect" title="收藏" hidefocus="true" href="javascript:;" ></a>
                            </div>
                        </div>
                        <dd>
                            <ol>
                                <li>
                                    <span class="no no-top">1</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no no-top">2</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no no-top">3</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">4</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">5</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">6</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">7</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">8</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">9</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">10</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                            </ol>
                            <div class="b-more">
                                <a class="click-flag-r" hidefocus="true" href="javascript:;" >查看全部></a>
                            </div>
                        </dd>
                    </div>
                    <div class="bc">
                        <div class="bc-top">
                            <img src="./images/notice.jpg" alt="原创榜">
                            <div class="t-title">
                                <h3>飙升榜</h3>
                                <a class="tt-play" title="播放" hidefocus="true" href="javascript:;" ></a>
                                <a class="tt-collect" title="收藏" hidefocus="true" href="javascript:;" ></a>
                            </div>
                        </div>
                        <dd>
                            <ol>
                                <li>
                                    <span class="no no-top">1</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no no-top">2</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no no-top">3</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">4</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">5</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">6</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">7</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">8</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">9</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                                <li>
                                    <span class="no">10</span>
                                    <a hidefocus="true" href="javascript:;">ginger snaps</a>
                                </li>
                            </ol>
                            <div class="b-more">
                                <a class="click-flag-r" hidefocus="true" href="javascript:;" >查看全部></a>
                            </div>
                        </dd>
                    </div>
                    
                    <!-- <div class="bc-l"></div>
                    <div class="bc-m"></div>
                    <div class="bc-r"></div> -->
                </div>
            </div>

        </div>
        <div class="main-r">
            <div class="mr-top">
                <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
                <a hidefocus="true" href="javascript:;" >用户登录</a>
            </div>
            <div class="mr-middle">
                <h3>
                    <span>入驻歌手</span>
                    <a hidefocus="true" href="javascript:;">查看全部></a>
                </h3>
                <ul>
                    <li>
                        <img src="./images/slider.jpg" alt="Fine乐队">
                        <div class="li-content">
                            <h4>
                            <span>Fine乐队</span>
                            </h4>  
                            <p>独立创作人</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider.jpg" alt="Fine乐队">
                        <div class="li-content">
                            <h4>
                            <span>Fine乐队</span>
                            </h4>  
                            <p>独立创作人</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider.jpg" alt="Fine乐队">
                        <div class="li-content">
                            <h4>
                            <span>Fine乐队</span>
                            </h4>  
                            <p>独立创作人</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider.jpg" alt="Fine乐队">
                        <div class="li-content">
                            <h4>
                            <span>Fine乐队</span>
                            </h4>  
                            <p>独立创作人</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider.jpg" alt="Fine乐队">
                        <div class="li-content">
                            <h4>
                            <span>Fine乐队</span>
                            </h4>  
                            <p>独立创作人</p>
                        </div>  
                    </li>
                </ul>
                <div class="ask">
                    <a class="a-content" hidefocus="true" href="javascript:;" >
                        <i>申请成为网易音乐人</i>
                    </a>
                </div>
            </div>
            <div class="mr-bottom">
                <h3>热门主播</h3>
                <ul>
                    <li>
                        <img src="./images/slider-bottom.jpg" alt="莫非定律">
                        <div class="lc">
                            <h4>
                            <span class=".ft-u">莫非定律MoreFeel</span>
                            </h4>  
                            <p>男女双人全创作独立乐团</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider-bottom.jpg" alt="莫非定律">
                        <div class="lc">
                            <h4>
                            <span class=".ft-u">莫非定律MoreFeel</span>
                            </h4>  
                            <p>男女双人全创作独立乐团</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider-bottom.jpg" alt="莫非定律">
                        <div class="lc">
                            <h4>
                            <span class=".ft-u">莫非定律MoreFeel</span>
                            </h4>  
                            <p>男女双人全创作独立乐团</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider-bottom.jpg" alt="莫非定律">
                        <div class="lc">
                            <h4>
                            <span class=".ft-u">莫非定律MoreFeel</span>
                            </h4>  
                            <p>男女双人全创作独立乐团</p>
                        </div>  
                    </li>
                    <li>
                        <img src="./images/slider-bottom.jpg" alt="莫非定律">
                        <div class="lc">
                            <h4>
                            <span class=".ft-u">莫非定律MoreFeel</span>
                            </h4>  
                            <p>男女双人全创作独立乐团</p>
                        </div>  
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="g-ft">
        <div class="g-ft-set"><div class="l-ft">
            <div class="links">
                <a href="javascript:;">服务条款</a>
                <span class="line">|</span>
                <a href="javascript:;">隐私政策</a>
                <span class="line">|</span>
                <a href="javascript:;">儿童隐私政策</a>
                <span class="line">|</span>
                <a href="javascript:;">版权投诉指引</a>
                <span class="line">|</span>
                <a href="javascript:;">意见反馈</a>
                <span class="line">|</span>
            </div>
            <div class="sup-copyright">
                <span>网易公司版权所有©1997-2021&nbsp&nbsp</span>
                <a href="javascript:;">杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</a>
            </div>
            <div class="mid-copyright">
                <span>违法和不良信息举报电话：0571-89853516&nbsp&nbsp举报邮箱：</span>
                <a href="javascript:;">ncm5990@163.com</a>
            </div>
            <div class="sub-copyright">
                <a href="javascript:;">粤B2-20090191-18  工业和信息化部备案管理系统网站&nbsp&nbsp</a>
                <a href="javascript:;" class="police">
                    <span class="police-logo">&nbsp;</span>
                    <span class="police-text">浙公网安备 33010902002564号</span>
                </a>
            </div>
        </div>
        <ul class="r-ft">
            <li>
                <a href="javasript:;" class="newlogo"></a>
                <span>Amped Studio</span>
            </li>
            <li>
                <a href="javasript:;" class="newlogo"></a>
                <span>Amped Studio</span>
            </li>
            <li>
                <a href="javasript:;" class="newlogo"></a>
                <span>Amped Studio</span>
            </li>
            <li>
                <a href="javasript:;" class="newlogo"></a>
                <span>Amped Studio</span>
            </li>
            <li>
                <a href="javasript:;" class="newlogo"></a>
                <span>Amped Studio</span>
            </li>
        </ul></div>
        
    </div>
    <!--1.开发环境版本, 包含了有帮助的命令警告-->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el:".parent",
            data:{
                message: "音乐/视频/电台/用户",
                show1: true,
                show2: false
            },
            methods:{
                change:function(){
                    this.show1 = !this.show1;
                    this.show2 = !this.show2;
                }
            }
        })
    </script> -->
</body>
</html>
